<template>
  <div>
    <div class="show_tip clearfix">
      <!-- <i>!</i> -->
      <section class="tip_txt tip_txt_qz">
        <section class="name_tip" v-if="cashPopData.is_id_card">请填写真实姓名和身份证号码</section>
        <section class="name_tip" v-else>请填写真实姓名</section>

        <div v-if="cashPopData.is_draw_int == 0 && cashPopData.withdraw_percentage > 0">
          <section class="name_tip">提现的最高金额是{{cashPopData.max_tx_money}}</section>
          <section class="name_tip">提现的最低金额是{{cashPopData.min_tx_money}}</section>
        </div>
        <section class="counter_tip" v-if="cashPopData.withdraw_proportion">
          本次提现扣除的手续费为
          <span class="colored">{{counter_fee}}元</span>(
          <b>{{money||"0.00"}}元</b>
          *{{cashPopData.withdraw_proportion}}%)
        </section>
        <section class="counter_tip" v-if="cashPopData.is_withdraw_point_dz">
          本次提现额外扣除的积分为
            <span class="colored" >{{withdraw_balance_point_fee}}</span>(
            <b>{{money||"0.00"}}{{is_crossBorderDz? mSymbol.name:'元'}}</b>
            *{{cashPopData.withdraw_balance_point_proportion}}%)
        </section>
      </section>
    </div>
  </div>
</template>

<script>
import Vue from 'vue'
export default Vue.extend({
  props: {
    dzData: {
      type: Object,
      default: () => {
        const Obj = {
          isYun_dz: false,
          is_store_tx_dz: null,
          store_info_dz: null
        }
        return Obj
      }
    },
    cashPopData: Object,
    money: {
      type: [Number, String],
      default: 0
    }
  },
  computed: {
    counter_fee() {
      let num = this.money * (this.cashPopData.withdraw_proportion / 100)
      num = num || 0
      return num.toFixed(2)
    },
    withdraw_balance_point_fee() {
      let num = this.money * (this.cashPopData.withdraw_balance_point_proportion / 100)
      num = num || 0
      return Math.round(num)
    }
  }
})
</script>

<style lang="scss">
.show_tip {
  padding: 20px 30px;
  // background-color: #fafafa;
  .tip_txt {
    display: block;
    font-size: 24px;
    line-height: 44px;
    color: #999;
    .colored {
      color: #ff0909;
    }
  }
}
</style>